@font-face {
	font-family:SangBleuOGSans-Light;
	src: url('../fonts/SangBleuOGSans-Light.woff2'); }
	
	
 @font-face {
	font-family:impact;
	src: url('../fonts/impact.ttf'); }
	
 @font-face {
	font-family:Barlow-Regular;sy_pinpai
	src: url('../fonts/Barlow-Regular.ttf'); }	
		
	



.div1440 {
    width: 94%; margin:auto;
}

.zd_index_1_mid { width:100%; display: flex; justify-content:space-between;}
.zd_index_1_mid_left{
float:left; width:49%; /*position:relative; overflow:hidden;*/}
.zd_index_1_mid_left img { width:100%;}
.zd_index_1_mid_left_mid{ overflow:hidden;
padding-right:0em; position:relative; padding-bottom:2em;}
.zd_index_1_mid_left_mid:before{
content:''; position:absolute; right:0; top:0em; width:100%; height:2em; background-color:#fff; z-index:0;
}
.zd_index_1_mid_left_mid:after{
content:''; position:absolute; left:0; top:0em; width:2em; height:100%; background-color:#fff; z-index:0;
}
.zd_index_1_mid_left_mid{
position:relative; z-index:10;}
.zd_index_1_mid_left_mid img{
z-index:10; width:100%; }
.zd_index_1_mid_bg{
position:absolute; right:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%; z-index:-1;}
.zd_index_1_mid_left_mid_img{
overflow:hidden; position:relative; z-index:10;}
.zd_index_1_mid_left_mid_img img{
width:100%;}
.zd_index_1_mid_right{ margin-top:0;
/*float:right;*/ width:46.68354430379747%;}
.biaoyu { text-align:right; margin-bottom:25px; width:100%; margin-top:0px; }
.biaoyu img { display:inline-block;  height:70px; width:auto;}
.zd_index_1_mid_right_1{
font-size:45px; font-family: "SangBleuOGSans-Light"; color:#000; }
.zd_index_1_mid_right_2{ margin-bottom:.5em;
font-size:2.25em; margin-top:.875em; color:#000; }
.zd_index_1_mid_right_3{ position:relative;
line-height:2; color:#666;margin-bottom:2.5em; font-size:17px; /*padding-right:13.125em;*/}
.zd_index_1_mid_right_4_more{ min-width:13.4375em; font-size:.875em;
display:inline-block; border-bottom:0px #000 solid;
background:#cd0f16; color:#fff; text-align:center; line-height:40px; font-family:AvenirLTStd-Light;
background-image: linear-gradient(to right, #cd0f16,#cd0f16);


}
.zd_index_1_mid_right_4_more span{
display:block; position:relative; font-family:SangBleuOGSans-Light; font-size:16px;}
.zd_index_1_mid_right_4_more span:before{
content:''; position:absolute; right:0; top:50%; width:11px; height:11px; margin-top:-5.5px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img4.png); display:none;}
.zd_index_1_mid_right_5{
overflow:hidden; margin-top:6.8125em;}
.zd_index_1_mid_right_5 img{
width:100%;}
.zd_index_1_mid_right_mid{
padding-left:1.25em; position:relative}
.zd_index_1{ padding-top:60px; background:url(../images/abg0.jpg) no-repeat  center center fixed; background-size: ; width:100%; padding-bottom:0px; clear:both;

}
.zd_index_1_mid_right_mid_title_mid{font-family: "Mona-Regular";
display:inline-block; position:relative; font-size:1.125em; padding-left:7.777777777777778em;}
.zd_index_1_mid_right_mid_title_mid span{
position:absolute; left:0; top:0;}
.zd_index_1_mid_right_mid_title_mid:before{
content:''; position:absolute; width:5.7em; height:1px; background-color:#000; left:1.5em; top:50%; margin-top:-.5px;}
.zd_index_1_mid_right_mid_title{
position:absolute; right:-8.4375em; top:35%;
transform:rotate(-90deg) translate(-100%);transform-origin:0 0; }





/* 公共按钮 */
.common-btn {
    padding: 0 35px;
    line-height: 60px;
    background: #cd0f16;
    color: #fff;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    position: relative; margin-top:40px; 
}

.common-btn span {
    position: relative;
    z-index: 3;
}

.common-btn i {
    line-height: 0;
    margin: 0;
    vertical-align: inherit;
}

.common-btn:after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    top: 50%;
    bottom: 50%;
    background: rgba(255, 255, 255, 0.05);
    z-index: 1;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.common-btn:hover {
    color: #fff;
}

.common-btn:hover:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.r {
    float: right;
}
.l {
    float: left;
}


/* 公共标题 */
.sy_heise_bg { width:100%; background: url(../images/abg.jpg) no-repeat center top; height:210px; padding-top:70px;}
.common_infor {
    margin-bottom: 75px; width:100%; height:90px;
}

.common_infor .tit {
    color: #000;
    font-size: 32px;
    line-height:32px; font-weight:;
}
.common_infor .tit font{ font-size:20px;}
.common_infor .tit span {
    margin-top: 15px;
    display: block;
    font-weight: 400 !important;
    position: relative;
}

.common_infor .tit span::before {
    content: '';
    width: 130px;
    height: 3px;
    background: #cd0f16;
    position: absolute;
    bottom: -15px;
    left: 0;
}

.common_infor .tit span::after {
    content: '';
    width: 25px;
    height: 19px;
    background: url(../images/tit_tag.png) no-repeat center;
    position: absolute;
    bottom: 0; padding-left:25px;
    right: ;
}

.tit_1 { width:50%; text-align:left;}
.tit_1 h4 { font-weight:200; font-size:16px; color:#cd0f16; text-transform:uppercase; font-family:impact;}
.tit_1 h3 { font-size:38px; font-weight:900; color:#000; line-height:55px;} 



















.index-news-bottom {overflow: hidden;position: relative;}
.index-news-left {float: left;width: 32%;}
.index-news-item {position: relative;width: 100%;height: 100%;}
.index-news-item a{width: 100%;height: 100%;display: block;position: relative;background: #fff;overflow: hidden;}
.index-news-item .text {overflow: hidden;position: relative;margin: 5%;padding-bottom: 7%;}
.index-news-item .type-1 {color: #cd0f16;}
.index-news-item .date-1 {color: #999999;position: absolute;right: 0;top: 0;}
.index-news-item .title-6 {margin-top: 5%;}
.index-news-item .viewdetails-1 {margin-top: 15%;}
.index-news-item .img {background: none;}
.index-news-left .index-news-item a:hover .title-6,.index-news-left .index-news-item a:hover .viewdetails-1 span{color: #cd0f16;}
.index-news-left .index-news-item a:hover .img .pic {transform: scale(1.05);}
.index-news-center {width: 32%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-news-center .index-news-item a {background: #cd0f16;color: #fff;}
.index-news-center .index-news-item a .type-1,.index-news-center .index-news-item a .date-1 {color: #fff;}
.index-news-center .index-news-item a .text-4,.index-news-center .index-news-item a .date-1,.index-news-center .index-news-item a .type-1 {opacity: .8;}
.index-news-center .index-news-item a .line-2::before{transition: all .4s ease;}
.index-news-center .index-news-item a:hover {background:rgba(205,15,22,.9);}
.index-news-center .index-news-item a:hover .line-2::before {width: 100%;}
.index-news-center .index-news-item a .text {height: 72%;margin: 14%;}
.index-news-center .index-news-item .viewdetails-1 {position: absolute;bottom: 0;}
.index-news-center .index-news-item .viewdetails-1 span {color: #fff;opacity: .8;}
.index-news-center .index-news-item .viewdetails-1 i {filter: invert(100%);}
.index-news-right {float: right;width: 32%;}
.index-news-right .index-news-item {margin-bottom: 7%;}
.index-news-right .index-news-item:last-child {margin-bottom: 0;}
.index-news-right .index-news-item .img {float: left;width: 50%;}
.index-news-right .index-news-item .text {float: right;width: 46%;padding: 3% 0 0 4%;margin: 0;}
.index-news-right .index-news-item .text .date-1 {position: relative;right: auto;top: auto;}
.index-news-right .index-news-item .text .title-6 {font-size: 16px;}
.index-news-right .index-news-item .viewdetails-1 span {font-size: 12px;}
.index-news-right .index-news-item a {background: none;}
.index-news-right .index-news-item a:hover .img .pic {transform: scale(1.05);}
.index-news-right .index-news-item a:hover .title-6 {color: #cd0f16;}







/* products */ 



.hxzc-products-services {position: relative;}
.products-services-main {text-align: center;position: absolute;width: 80%;left: 10%;top: 55%;transform: translateY(-50%);z-index: 10;overflow: hidden;}
.products-services-main .title-1 .txt-1 div {color: #fff;opacity: .2; font-size:25px; font-family:Barlow-Regular; font-weight:900;}
.products-services-nav {margin-top: 3%;overflow: hidden;}
.products-services-nav a {display: inline-block;vertical-align: middle;position: relative;width: 24%;background: rgba(0,0,0,.5); height:200px; margin:0px 10px;}
.products-services-nav i {display: block;position: relative;width: 40px;height: 40px;margin: auto auto 20px;}
.products-services-nav img {display: block;width: 100%;filter: invert(0); }
.products-services-nav span {color: #fff;font-weight: bold;margin-top: 8px;display: block; padding:0px 10%;}
.products-services-nav .atop {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%; color:#fff;}
.products-services-nav a:hover {background: #cd0f16;}
.title-1 {text-align: center;}
.title-1 .txt-1{color: #dddddd;font-weight: bold;  }
.title-1 .txt-2{color: #fff;font-weight: 900; font-size:52px; font-style:italic; letter-spacing:5px;}
.title-1 .text-1{color: #999;margin-top: 2%; }
.title-1 .line-1 {margin: 2% 0;}
.title-1 .line-1 i {display: inline-block;width: 40px;height: 3px;background: #cd0f16;}
.title-1 .more-1 {margin-top: 3%;}
.img {
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #333;
}









/* footer */
.footer {position: ; width:100%; display:block; height:600px; clear: both; overflow: hidden;background: #3b3b3b;}
.footer-content {overflow: hidden;width: 78%;margin: auto;position: relative;color: #afafaf;}
.footer-content a {color: #afafaf;}
.footer-content-top {padding: 5% 0;overflow: hidden;background: url('../images/footer.png') 90% bottom no-repeat;}
.footer-nav {float: left;width: 65%;}
.footer-content-top ul {display: inline-block;vertical-align: top;}
.footer-content-top ul:last-child {margin-right: 0;}
.footer-content-top ul a.nav{overflow: hidden;display: block;padding-bottom: 20px;position: relative;margin-bottom: 20px;}
.footer-content-top ul a.nav::after {content: '';display: block;width: 30px;height: 2px;background: #fff;opacity: .2;position: absolute;bottom: 0;}
.footer-nav ul {margin: 0;padding: 0;list-style: none;margin-right:30px;}
.footer-nav ul li {list-style: none;margin: 0;padding: 2% 0;overflow: hidden;}
.footer-nav ul li a:hover {color: #fff;}
.footer-contact {text-align: right;float: right;width:30%;}
.footer-contact ul a.nav::after {right: 0;}
.footer-contact .contact-1{margin-top: 1%;overflow: hidden;margin-right: 0;}
.footer-contact .tel-1 {font-weight: bold;}
.footer-contact .text-1{margin-top: 5%;}
.footer-content-bottom {padding: 1.5% 0;overflow: hidden;border-top: 1px solid #4f4f4f;position: relative;}
.footer-content-bottom a {color: #afafaf;}
.footer-content-bottom a:hover {color: #fff;}
.footer-content-bottom .copy-1 {width: 50%;}
.footer-content-bottom .link-1 {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 50%;text-align: right;}
.footer-content-bottom .link-1 a {margin-left: 10px;}
 
.aside-top {position: fixed; width: 50px;bottom:10%;right:1.5%; z-index:199;display: none;}
.aside-top a {width: 50px;height: 50px;display: block;overflow: hidden; background: #cd0f16;}
.aside-top a::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url('../images/r1.png') no-repeat center;transform: rotate(-90deg);}
.aside-top a:hover {background: #ecc47e;}



.sy_news { width:100%; background:#f4f4f4;}
a * {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.img img, .pic img {
    max-width: 100%;
    max-height: 100%; transition:all .4s;
    margin: auto;
    padding: 0;
    border: 0;
    width: 100%;
    height: auto;
    border: none;
}
.img-block {
    display: block;
    width: 100%;
    height: auto;
}
.pic {
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}




.date-1 {font-size: 12px;font-family: 'Montserrat-Light';}
.line-1 {width: 50px;height: 3px;margin: 20px 0;background: #fff;}
.line-2 {position: relative;width: 100%;height: 2px;margin: 30px 0;}
.line-2::before,.line-2::after {content: '';height: 2px;background: #fff;position: absolute;left: 0;top: 0;}
.line-2::before {background: #fff;width: 20%;z-index: 1;}
.line-2::after {background:rgba(100%,100%,100%,.5);width: 100%;}
.line-3 {width: 27px;height: 3px;margin: 30px auto;background: #48a635;}
.line-4 {width: 22px;height: 4px;margin: 20px 0;background: #ededed;}




















/*首页 关于我们 s*/



/** Generated by FG **/
@font-face {
	font-family: CgFuturaMaxiBd;
	src: url('../fonts/CgFuturaMaxiBd.eot');
	src: local('☺'), url('../fonts/CgFuturaMaxiBd.woff') format('woff'), url('../fonts/CgFuturaMaxiBd.ttf') format('truetype'), url('../fonts/CgFuturaMaxiBd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: CgFuturaMaxiLt;
	src: url('../fonts/CgFuturaMaxiLt.eot');
	src: local('☺'), url('../fonts/CgFuturaMaxiLt.woff') format('woff'), url('../fonts/CgFuturaMaxiLt.ttf') format('truetype'), url('../fonts/CgFuturaMaxiLt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Futura-Heavy;
	src: url('../fonts/Futura-Heavy.eot');
	src: local('☺'), url('../fonts/Futura-Heavy.woff') format('woff'), url('../fonts/Futura-Heavy.ttf') format('truetype'), url('../fonts/Futura-Heavy.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: Futura-Light;
	src: url('../fonts/Futura-Light.eot');
	src: local('☺'), url('../fonts/Futura-Light.woff') format('woff'), url('../fonts/Futura-Light.ttf') format('truetype'), url('../fonts/Futura-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:Futura-Medium;
	src: url('../fonts/Futura-Medium.eot');
	src: local('☺'), url('../fonts/Futura-Medium.woff') format('woff'), url('../fonts/Futura-Medium.ttf') format('truetype'), url('../fonts/Futura-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



.aboutBg {
	background: url(../images/map.jpg) center center no-repeat;
	background-size: contain; padding-top:100px; padding-bottom:30px;
}.w1400 {
    width: 90%;  
    margin: 0px auto;
    position: relative;
}.subTitle {
	width: 100%;
	position: relative;
	margin-bottom: 3vw;
}

.subTitle img {
	/*width: 18vw;*/
}

.aboutBgz { width:100%; display:flex; justify-content:space-between;}
.aboutBg_left { width:48%; margin-bottom:60px; }
.aboutBg_right { width:48%; margin-bottom:60px; }
.factory {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 3vw;
}

.factory .info {
	width: 100%;
	line-height: 2;
	font-size: 16px;
}

.factory .info b {
	display: block;
	width: 100%;
	font-size: 20px;
	margin-bottom: 1vw;
}

.enterBtn {
	width: 165px;
	height: auto;
	border: 1px solid #cd0f16;
	display: flex;
	align-items: center;
	line-height: 58px;
	color: #fff;
	border-radius: 0px;
	justify-content: center;
	font-size: 16px; height:58px
}.enterBtn.hbtn p{ line-height:58px}
.enterBtn.hbtn{
	background:#cd0f16;
	color: #fff;
	-webkit-transition: all .35s;
	position: relative;
	/*top: -140px;*/
}
.enterBtn.hbtn:hover{
	box-shadow: 0px 0px 15px rgba(0,0,0,.1);
	top: 0;
}
.enterBtn:hover{
	color: #fff;
	 border:0; opacity:.9;
}
.enterBtn i {
	margin-left: 15px;
}
.factorys{ width:100%; position:relative; margin:0 auto}
.factorys ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.factorys ul li {
	width: 23.5%;
	position: relative;
	background: #000; overflow:hidden
}

.factorys ul li .pic {
	opacity: .8; height:190px;background-size: cover;
}

.factorys ul li .thum::after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	content: '';
	background: #f5f5f5;
	-webkit-transition: all .5s cubic-bezier(.23, 1, .32, 1);
}

.factorys ul li .info {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
}

.factorys ul li .info .icon {
	font-size: 2.2vw;
	position: absolute;
	left: 8%;
	top: 10%; color:#c11920;
}

.factorys ul li .info .des {
	width: auto;
	height: auto;
	position: absolute;
	right: 8%;
	bottom: 10%;
	text-align: right;
}
.subTitle.center.active{
	display:none ;
}



@font-face {
	font-family: Rubik-Regular;
	src: url('../fonts/Rubik-Regular.ttf');
	src: local('☺'), url('../fonts/Rubik-Regular.woff') format('woff'), url('../fonts/Rubik-Regular.ttf') format('truetype'), url('../fonts/Rubik-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



.factorys ul li .info .des b {
	font-family: Rubik-Regular;
	font-size: 52px; 
}
.factorys ul li .info .des b span{
	font-size: 16px;
	opacity: 1;
	margin-left:5px; background:#cd0f16; width:25px; height:25px; line-height:25px; display: inline-block; text-align:center;  color:#fff; border-radius:50%;
}
.factorys ul li:nth-child(3) .info .des b {
	/*font-size: 30px;*/
	/*display: block;*/
	/*margin-bottom: 8px;*/
}
.factorys ul li:nth-child(3) .info .des b span:first-child{
	margin-right: 5px;
}
.factorys ul li .info .des p {
	font-size:16px;
	opacity: .7;
}
/*
.factorys ul li:hover .thum::after {
	height: 0%;
}

.factorys ul li:hover .pic {
	-webkit-transform: scale(1.1);
}

.factorys ul li:hover {
	color: #fff;
}*/
.factorys ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.cente1r em {
    width: 100%;
    height: 56px;
    display: block;
    margin: 0 auto 42px;
    font-family: CgFuturaMaxiLt;
    font-style: normal;
    color: #ebebeb;
    text-transform: uppercase;
    font-size: 57px; text-align:left; 
}
@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }
.cente1r b {
    font-family: DINOT-Bold;
    font-style: normal;
  
    text-transform: uppercase;
    font-size: 42px;
    padding-right: 1%; color:;
	
}.dda {
    line-height: 50px;
    text-align: left;
    
   
	font-size:30px
}
.cente1r span {
    display: block;
    font-size: 20px;
    font-weight: normal;
    color: #3e4e4c;
    line-height: 30px;
}




.div1440 {
    width: 90%; margin:auto;
}

/*首页 关于我们e*/







.sy_pinpai { width:100%; background: url(../images/ppbg.jpg) no-repeat center -200px; height:600px; clear:both; overflow:visible; margin:0px auto; padding:120px 0px;}
.sy_pinpai .common_infor .tit { width:100%; margin-bottom:50px;}
.sy_pinpai .sy_pinpai_left_con { line-height:30px; padding-right:10%;}

.sy_pinpai_left { width:48% !important; float:left;}
.sy_pinpai_right {width:52% !important; float:right; display:flex; text-align:left;}
.sy_pinpai_right .tu_img { width:200px; height:200px; background:#fff; border-radius:50%; margin:80px 10px; text-align:center;  transition:all .4s; }
.sy_pinpai_right img { height:170px;  margin:20px auto; transition:all .4s;}

.sy_pinpai_right .tu_img:hover { transform:scale(.90,.90)}
.sy_pinpai_right .tu_img:hover img { transform:rotate(360deg); }